.d1 {
  background-color: antiquewhite;
  border: solid;
  width: 200px;
  height: 200px;

  // transition-property: all;
  // transition-duration: 200ms;
  // transition-property: width, height;
  // transition-duration: 200ms, 500ms;
  // transition-timing-function: cubic-bezier(0.8, -0.71, 0.3, 1.77);
  // transition-delay: 1s;
  // transition: width 200ms linear 1s;
  // transition: width 200ms linear 1s, height 200ms;
  transition: all 1000ms;
  &:hover {
    width: 300px;
    height: 300px;
    background-color: rgb(221, 250, 215);
  }
}
